<template>
	<view>
		<view class="flex mb-40 border-b-EEEEEE"
			style="padding-left: 28rpx;padding-right: 32rpx;box-sizing: border-box;">
			<view class="mr-24" style="width: 120rpx;height: 120rpx;">
				<image :src="img" mode=""></image>
			</view>
			<view class=" f-400 c-77 f-26">
				<view class="flex align-center mb-6 f-400 c-77 f-26">
					<view class="mr-24 f-bold c-11 f-32">
						{{name}}
					</view>
					<view class="mr-24 ">
						{{Departments}}
					</view>
					<view class=" ">
						{{grade}}
					</view>
				</view> 
				<view class="">
					{{site}}
				</view>
				<view class="">
					{{goodAt}}
				</view>
				<view class="mt-10 flex mb-21">
					<view class="aj-center bor-r6 c-DFB982 mr-20 border-DFB982 f-24 fw-400"
						style="width: 116rpx;height: 44rpx;">
						{{btn1}}
					</view>
					<view class="aj-center bor-r6 c-DFB982 mr-20 border-DFB982 f-24 fw-400"
						style="width: 116rpx;height: 44rpx;">
						{{btn1}}
					</view>
					<view class="aj-center bor-r6 c-DFB982   border-DFB982 f-24 fw-400"
						style="width: 116rpx;height: 44rpx;">
						{{btn1}}
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		props: {
			img: {
				type: String,
				default: '../../static/doct.png'
			},
			name: {
				type: String,
				default: '张兴'
			},
			// 科室
			Departments: {
				type: String,
				default: '儿科'
			},
			// 等级
			grade: {
				type: String,
				default: '副主任医师'
			},
			// 职责
			position: {
				type: String,
				default: ''
			},
			// 地址
			site: {
				type: String,
				default: 'XXX省XXX医院'
			},
			// 擅长
			goodAt: {
				type: String,
				default: '	擅长：糖尿病、感染性疾病、危重症治疗、感染 休克、休克治疗。'
			},
			btn1: {
				type: String,
				default: '知名医院'
			},
			btn2: {
				type: String,
				default: '知名医院'
			},
			btn3: {
				type: String,
				default: '知名医院'
			}


		},
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>

</style>
